const btn = document.querySelector('#btn-login')
btn.addEventListener('click', async function (e) {
    // 获取数据
    e.preventDefault()
    const form = document.querySelector('form')
    const { username, password } = serialize(form, { hash: true, empty: true })
    // 校验数据 如果为空，则返回提示
    if (username.trim().length === 0 || password.trim().length === 0) {
        showToast('输入的账号密码不能为空')
    }
    // 校验数据 如果不符合大小，则返回提示
    if (username.trim().length > 30 || username.trim().length < 8 || password.trim().length < 6) {
        showToast('输入的账号密码不符合大小')
    }
    try {
        // 发送请求
        const data= await axios.post('./login', { username, password })
        console.log(data);
        // 提示用户登陆成功
        showToast(data.message)
        // 存储token 以便首页校验 是否登录成功
        // 获取token->localstorage
        localStorage.setItem('token',data.data.token)
        localStorage.setItem('username',data.data.username)
        // 界面跳转
        setTimeout(()=>{
            location.href = './index.html'
        },1000)
        
    } catch (err) {
        // 提示用户登陆失败
        showToast(err.response.data.message)
    }

})
